<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象</title>
    <script>
        /* 
            数据类型：

                原始值:

                    1.数值（Number）
                    2.大整数（BigInt）
                    3.字符串(String)
                    4.未定义（Unfined）
                    5.空值（Null）
                    6.布尔值（Boolean）
                    7.符号（Symbol）

                    原始值只能用来标识一些简单的数据，不能表示复杂数据

                对象
                    对象是JS中的一种复合数据类型。
                    它相当于一个容器，在对象中可以存储各种不同类型的数据。

                    创建对象

                        1. let obj1=new Object()
                        2. let obj2={}

                    对象中可以存储多个各种类型的数据，对象中存储的数据，我们称为属性。

                    向对象中添加属性
                        对象.属性名=属性值
                
                    读取对象中的属性
                        对象.属性名

                    删除属性
                    delete(对象.属性名)

                    如果读取对象中没有的属性，返回Undefined

        */
       let obj=new Object()  //创建一个对象
       console.log(obj,typeof obj)
        obj.name="juliet"   //在对象中添加属性
        obj.age=2
        obj.gender='female'
        console.log(obj,typeof obj)
        console.log(obj.age)        //读取对象中的属性的属性值
        console.log(obj.height)     // 读取对象中没有的属性会返回undefined

        //====================================================

        let obj2={}
        obj2.name='shaw lee'
        obj2['age']=27
        obj2['gender']='male'

        console.log(obj2)

        let obj3={
            name:"leep",
            age:27,
            gender:"female",
            ["特殊的属性"]:"试试",
            obj4:{
                头发:'black',
                眼睛:'黑色',
                身高:170
            }
        }

        console.log(obj3)
    </script>
</head>
<body>
    
</body>
</html>